/*Generated by wjdhcms 3.0 */



@charset "utf-8";







::-webkit-scrollbar {
 width: 8px;
 height: 8px;
 background-color: #F5F5F5;
}







::-webkit-scrollbar-track {
 border-radius: 10px;
 background-color: #E2E2E2;
}







::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 background-color: #555;
}
::selection {
	background-color: #0bae6e;
	color: #fff;
}







::-moz-selection {
 background-color: #0bae6e;
 color: #fff;
}







::-webkit-selection {
 background-color: #0bae6e;
 color: #fff;
}
* {
	padding: 0;
	margin: 0;
	font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
}
body {
	font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
	color: #333;
	margin: 0;
	line-height: 1.5;
}
:focus {
	outline: 1;
}
article,  aside,  canvas,  details,  figcaption,  figure,  footer,  header,  hgroup,  menu,  nav,  section,  summary {
	display: block;
}
a {
	color: #333;
	text-decoration: none;
}
a:link,  a:hover,  a:active,  a:visited {
	text-decoration: none;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input,  select {
	vertical-align: middle;
}
li,  ul {
	list-style-type: none;
}
img {
	border: none;
	max-width: 100%;
}
input,  textarea {
	outline: 0;
	border: 0;
}
textarea {
	resize: none;
}
h1,  h2,  h3,  h4,  h5,  h6,  dl,  dd,  dt,  i,  em {
	font-weight: normal;
	font-style: normal;
}
.fixedNav {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100000;
	_position: absolute;
 _top: expression(eval(document.documentElement.scrollTop));
}
.ny_banner {
	width: 100%;
	overflow: hidden;
	text-align:center;
}
.yc {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gd {
	-webkit-transition: .5s;
	transition: .5s;
}
.top {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.righta {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}
.dx {
	text-transform: uppercase;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearboth {
	clear: both;
}
.content-1 {
	width: 1200px;
	margin: 0 auto;
}
.content-all {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
/*pagebanner*/



.pagebanner {
	width: 100%;
	height: 280px;
	overflow: hidden;
}
.pagebanner img {
	width: 100%;
	height: 280px;
	display: block;
}
/*crumbs*/



.crumbs {
	width: 100%;
	height: 20px;
	background: #f8f8f8;
	padding: 15px 0;
}
.crumbs img {
	vertical-align: text-top;
	padding-right: 10px;
}
/*caseList*/



.caseList {
	overflow: hidden;
}
.caseList .caseListL {
	width: 290px;
	margin-top: 50px;
}
.caseList .caseListL .caseListTitle {
	width: 100%;
	height: 110px;
 background: $ {
yyt.color
}
;
 border-radius: 15px 15px 0 0;
 box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.caseList .caseListL .caseListTitle img {
	text-align: center;
	margin-top: 30px;
	margin-left: 50px;
	float: left;
}
.caseList .caseListL .caseListTitle .caseListT {
	float: left;
	padding-left: 10px;
	text-align: center;
	margin-top: 28px;
}
.caseList .caseListL .caseListTitle .caseListT h4 {
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	line-height: 30px;
}
.caseList .caseListL .caseListTitle .caseListT p {
	text-align: left;
	color: #fff;
	font-size: 24px;
	padding-top: 5px;
}
.caseList .caseListL .caseListLbox {
	width: 262px;
	padding: 19px 14px;
	background: #f8f8f8;
}
.caseList .caseListL .caseListLbox ul li .prolist {
	width: 260px;
	height: 40px;
	border: 1px solid #dedede;
	border-radius: 6px;
	line-height: 40px;
	-webkit-transition: .5s;
	transition: .5s;
	overflow: hidden;
	position: relative;
}
.caseList .caseListL .caseListLbox ul li .prolist1 {
	width: 260px;
	height: 40px;
	border: 1px solid #dedede;
	border-radius: 6px;
	line-height: 40px;
	-webkit-transition: .5s;
	transition: .5s;
	overflow: hidden;
	position: relative;
}
.caseList .caseListL .caseListLbox ul li i {
	width: 258px;
	height: 38px;
   border: 1px solid #ddd;
   display: block;
   position: absolute;
   top: -100%;
   -webkit-transition: .5s;
   border-radius: 6px;
   transition: .5s;
   overflow: hidden;
}
.caseList .caseListL .caseListLbox ul li a{
	display: block;
	line-height: 40px;
	font-size: 16px;
	width: 86%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: .5s;
	transition: .5s;
	position: absolute;
	font-weight: normal;
	top: 0;
	left: 0;
	z-index: 2;
}
.caseList .caseListL .caseListLbox ul li:hover a{ color:#c00;}
.caseList .caseListL .caseListLbox ul li b {
	width: 14%;
	float: right;
	line-height: 40px;
	cursor: pointer;
	height: 40px;
	position: relative;
	z-index: 9;
}
.caseList .caseListL .caseListLbox ul li a:before {
	display: inline-block;
	content: "|";
	margin-left: 5%;
	margin-right: 5%;
	font-weight: bold;
	color: #dedede;
	-webkit-transition: .5s;
	transition: .5s;
}
.caseList .caseListL .caseListLbox ul li:hover .prolist i {
	top: 0;
}
.caseList .caseListL .caseListLbox ul li:hover a.oneTitle {
	color: #fff;
}
.caseList .caseListL .caseListLbox ul li:hover a:before {
	color: #fff;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.caseList .caseListL .caseTel {
	width: 270px;
	border: 10px solid #f8f8f8;
	background: #fff url(${yytpath}img/caseTelBg.png) no-repeat right bottom;
}
.caseList .caseListL .caseTel h4 {
	text-align: center;
	padding: 26px 0;
	font-size: 16px;
	font-weight: bold;
}
.caseList .caseListL .caseTel h4 i {
	color: #666666;
	text-transform: uppercase;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
}
.caseList .caseListL .caseTel ul li {
	margin-bottom: 20px;
	width: 238px;
	padding: 0 20px;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}
.caseList .caseListL .caseTel ul li img {
	width: 15px;
	height: 15px;
	display: inline-block;
	padding-right: 10px;
}
.caseList .caseListL .caseTel a {
	display: block;
	width: 130px;
	height: 40px;
 background: $ {
yyt.color
}
;
 margin-left: 20px;
 margin-bottom: 120px;
 text-align: center;
 line-height: 40px;
 color: #fff;
 border-radius: 4px;
 -webkit-transition: .5s;
 transition: .5s;
}
.caseList .caseListL .caseTel a:hover {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
}
.caseList .caseListR {
	width: 880px;
	margin-top: 50px;
}
.caseList .caseListR .caseListTop {
	width: 860px;
	border: 10px solid #f8f8f8;
	background: #fff;
	overflow: hidden;
}
.caseList .caseListR .caseListTop .hd {
	padding: 20px 20px 10px;
	position: relative;
	overflow: hidden;
}
.caseList .caseListR .caseListTop .hd ul li {
	float: left;
	width: 45px;
	height: 30px;
	margin-right: 6px;
	background: #f8f8f8;
	text-align: center;
	line-height: 30px;
}
.caseList .caseListR .caseListTop .hd ul li.on {
 background: $ {
yyt.color
}
;
 color: #fff;
}
.caseList .caseListR .caseListTop .hd .caseListP {
	float: right;
}
.caseList .caseListR .caseListTop .hd .caseListP .case-next {
	width: 50px;
	height: 30px;
	float: left;
	background: url(${yytpath}img/case-next.png) no-repeat center;
	margin-right: 10px;
	cursor: pointer;
}
.caseList .caseListR .caseListTop .hd .caseListP .case-prev {
	width: 50px;
	height: 30px;
	float: left;
	background: url(${yytpath}img/case-prev.png) no-repeat center;
	cursor: pointer;
}
.caseList .caseListR .caseListTop .bd {
	width: 820px;
	padding: 0 20px 20px;
	overflow: hidden;
}
.caseList .caseListR .caseListTop .bd ul li .caseListImg {
	width: 535px;
	height: 375px;
	position: relative;
	overflow: hidden;
	float: left;
}
.caseList .caseListR .caseListTop .bd ul li .caseListImg img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.caseList .caseListR .caseListTop .bd ul li .caseListText {
	width: 195px;
	height: 305px;
	background: #f8f8f8;
	padding: 35px;
	position: relative;
}
.caseList .caseListR .caseListTop .bd ul li .caseListText h4 a {
	display: block;
	font-size: 16px;
	line-height: 46px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: .5s;
	transition: .5s;
}
.caseList .caseListR .caseListTop .bd ul li .caseListText p {
	margin-top: 20px;
	color: #666;
	line-height: 26px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;
	height: 182px;
}
.caseList .caseListR .caseListTop .bd ul li .caseListText i {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
 background: $ {
yyt.color
}
;
 -webkit-transition: .5s;
 transition: .5s;
}
.caseList .caseListR .caseListTop .bd ul li:hover .caseListText i {
	width: 100%;
}
.caseList .caseListR .caseListTop .bd ul li .caseListText .caseListMore {
	margin-top: 30px;
	display: block;
	-webkit-transition: .5s;
	transition: .5s;
	color: #666;
}
.caseList .caseListR .caseListTop .bd ul li:hover .caseListText .caseListMore {
	color: #999999;
	margin-left: 110px;
}
.caseList .caseListR .caseListTop .bd ul li:hover .caseListText h4 a {
	padding-left: 10px;
 color: $ {
yyt.color
}
;
}
.caseList .caseListR .caseListBottom ul li {
	margin-top: 20px;
	width: 396px;
	border: 5px solid #f8f8f8;
	overflow: hidden;
	padding: 10px;
	float: left;
	margin-right: 28px;
	-webkit-transition: .5s;
	transition: .5s;
}
.caseList .caseListR .caseListBottom ul li:nth-child(2n) {
	margin-right: 0;
}
.caseList .caseListR .caseListBottom ul li .caseImg {
	width: 200px;
	height: 150px;
	float: left;
	overflow: hidden;
	-webkit-transition: .5s;
	transition: .5s;
}
.caseList .caseListR .caseListBottom ul li .caseImg a {
	display: block;
	width: 200px;
	height: 150px;
	-webkit-transition: .5s;
	transition: .5s;
	position: relative;
}
.caseList .caseListR .caseListBottom ul li .caseImg a img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: .5s;
	transition: .5s;
}
.caseList .caseListR .caseListBottom ul li .caseListTextd {
	float: left;
	width: 180px;
	margin-left: 10px;
}
.caseList .caseListR .caseListBottom ul li .caseListTextd h4 a {
	line-height: 50px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	-webkit-transition: .5s;
	transition: .5s;
}
.caseList .caseListR .caseListBottom ul li .caseListTextd p {
	font-size: 14px;
	color: #999999;
}
.caseList .caseListR .caseListBottom ul li .caseListTextd a.caseMore {
	display: block;
	float: left;
	margin-top: 30px;
	-webkit-transition: .5s;
	transition: .5s;
	color: #666;
}
.caseList .caseListR .caseListBottom ul li:hover .caseListTextd a.caseMore {
 color: $ {
yyt.color
}
;
 margin-left: 100px;
}
.caseList .caseListR .caseListBottom ul li:hover {
 border: 5px solid $ {
yyt.color
}
;
 width: 394px;
 box-shadow: 0 0 16px rgba(0, 0, 0, 0.2)
}
.caseList .caseListR .caseListBottom ul li:hover .caseImg img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.p_xgxx .p_sgxx_ul li:hover .caseList .caseListR .caseListBottom ul li:hover .caseListTextd h4 a {
 color: $ {
yyt.color
}
;
 -webkit-transform: translateX(5px);
 transform: translateX(5px);
}
.caseList .caseListR .caseListBottom ul li:hover .caseListTextd a.caseMore {
 color: $ {
yyt.color
}
;
 -webkit-transform: translateX(-5px);
 transform: translateX(-5px);
}
.neirong p {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 2;
}
.neirong div {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 2;
}
/*��ҳ��*/



.container {
	width: 1200px;
	margin: auto;
}
.danye {
	margin-top: 50px;
}
.danye .danye_title {
	padding-bottom: 10px;
	border-bottom: 1px solid #dedede;
}
.danye .danye_title h3 {
	text-align: center;
	font-size: 24px;
	line-height: 35px;
}
.danye .danye_title .other {
	text-align: center;
	color: #999;
	padding-top: 20px;
}
.danye .danye_title .other span {
	padding: 0 15px;
}
.danye .neirong {
	padding-top: 20px;
	line-height: 2;
}
.danye .neirong img {
	max-width: 100%;
	padding: 10px 0;
}
.danye .fenxiang {
	display: inline-block;
}
.danye .zy {
	clear: both;
	margin-top: 50px;
	background: url("${yytpath}img/fenge.jpg") no-repeat center bottom;
	height: 55px;
}
.bshare-custom .bshare-share-count {
	background: transparent url(http://static.bshare.cn/frame/images/counter_box_18.gif) no-repeat !important;
	padding: 0 !important;
}
.danye .zy li {
	float: left;
	line-height: 14px;
	height: 14px;
	color: #666;
	width: 100%;
}
.danye .zy li:nth-child(2) {
	float: left;
	padding-top: 10px;
}
.danye .zy li:nth-child(2) a {
/* text-align: right; */


/* float: left; */
}
.danye .zy li:nth-child(1) a {
	text-align: left;
}
.danye .zy li a {
	width: 95%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	line-height: 14px;
	height: 14px;
	color: #666;
	float: right;
}
.danye .zy li a:hover {
 color: $ {
yyt.color
}
;
}
/*��������*/



.abuot {
	width: 870px;
	margin-top: 50px;
}
.abuot h3 {
	text-align: center;
	font-size: 24px;
	line-height: 35px;
}
.abuot1 {
	margin-top: 50px;
}
.abuot1 h3 {
	text-align: center;
	font-size: 24px;
	line-height: 35px;
	margin-bottom: 40px;
}
.abuot .abuot_t {
	height: 18px;
	background: url("${yytpath}img/fenge.jpg") no-repeat center bottom;
	margin-top: 10px;
	/* text-align: right; */



	line-height: 30px;
	color: #999;
	text-align: center;
}
.abuot .fenxiang {
	height: 40px;
	/* float: right; */



	margin-left: 20px;
	display: inline-block;
	text-align: center;
}
.abuot .neirong {
	margin-top: 20px;
	line-height: 2;
}
.a_tuijian {
	height: 300px;
	border: 10px solid #f8f8f8;
	margin-top: 35px;
	padding: 0 30px;
}
.a_tuijian h3 {
	padding: 23px 0 0 0px;
	font-size: 16px;
	display: block;
}
.a_tuijian .a_tuijian_c {
	margin: 16px 0 0 0;
}
.a_tuijian .a_tuijian_c li {
	width: 260px;
	text-align: center;
	float: left;
	cursor: url(${yytpath}img/curpo.png),  default;
}
.a_tuijian .a_tuijian_c li .atuijianImg>a {
	width: 240px;
	height: 170px;
	border: 10px solid #f8f8f8;
	transition: 0.5s;
	position: relative;
	display: block;
	cursor: url(${yytpath}img/curpo.png),  default;
}
.a_tuijian .a_tuijian_c li .atuijianImg>a img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.a_tuijian .a_tuijian_c li p a {
	display: block;
	line-height: 4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: 0.3s;
	;
}
.a_tuijian .a_tuijian_c li:hover .atuijianImg>a {
 border: 10px solid $ {
yyt.color
}
;
}
.a_tuijian .a_tuijian_c li:hover p a {
 color: $ {
yyt.color
}
;
}
/*��Ʒҳ��*/



.productListR {
	width: 880px;
	margin-top: 50px;
}
.productListR .p_c .p_c_1 {
	border: 10px solid #f8f8f8;
	margin-bottom: 20px;
	overflow: hidden;
}
.productListR .p_c .p_c_1 .p_c_1_t {
	height: 50px;
	border-bottom: 1px dashed #dedede;
	width: 810px;
	margin: 10px auto;
	line-height: 50px;
}
.productListR .p_c .p_c_1 .p_c_1_t a.more {
	float: right;
	color: #999;
	transition: 0.3s;
}
.productListR .p_c .p_c_1 .p_c_1_t a.more:hover {
 color: $ {
yyt.color
}
;
}
.productListR .p_c .p_c_1 .p_c_1_t h4 span {
	font-size: 16px;
 color: $ {
yyt.color
}
;
 font-weight: bold;
 position: relative;
}
.productListR .p_c .p_c_1 .p_c_1_t h4 span::before {
	display: inline-block;
	content: "|";
	margin-left: 1%;
	margin-right: 2%;
	font-weight: bold;
 color: $ {
yyt.color
}
;
 -webkit-transition: .5s;
 transition: .5s;
}
.productListR .p_c .p_c_1 .p_c_1_t h4 span:hover::before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.productListR .p_c .p_c_1 .p_ul {
	margin: 30px 0 0 20px;
	width: 830px;
}
.productListR .p_c .p_c_1 .p_ul li {
	width: 260px;
	float: left;
	margin: 20px 7px;
	transition: 0.5s;
}
.productListR .p_c .p_c_1 .p_ul li:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.productListR .p_c .p_c_1 .p_ul li>a {
	width: 260px;
	height: 195px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	position: relative;
	display: block;
}
.productListR .p_c .p_c_1 .p_ul li>a img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.productListR .p_c .p_c_1 .p_ul li p a.p_a {
	display: block;
	margin-left: 0;
	transition: 0.3s;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #dedede;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.productListR .p_c .p_c_1 .p_ul li:hover p a.p_a {
 color: $ {
yyt.color
}
;
 margin-left: 10px;
 border-bottom: 1px solid transparent;
 margin-right: 10px;
}
.productListR .p_c .p_c_1 .p_ul li p a.p_a::before {
	display: inline-block;
	content: "|";
	margin-left: 1%;
	margin-right: 3%;
	font-weight: bold;
 color: $ {
yyt.color
}
;
 -webkit-transition: .5s;
 transition: .5s;
 font-weight: bold;
}
.productListR .p_c .p_c_1 .p_ul li:hover p a.p_a::before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.p_xgxx {
	margin-top: 50px;
	height: 450px;
	background: #f8f8f8;
}
.p_xgxx .p_xgxx_t {
	height: 80px;
	padding-top: 50px;
	background: url("${yytpath}img/fenge.jpg") no-repeat center 107px;
	text-align: center;
}
.p_xgxx .p_xgxx_t p {
	font-size: 30px;
	color: #cccccc;
	text-transform: uppercase;
}
.p_xgxx .p_xgxx_t h3 {
	font-size: 26px;
	width: 150px;
	background: #f8f8f8;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
}
.p_xgxx .p_sgxx_ul {
	margin-top: 50px;
}
.p_xgxx .p_sgxx_ul ul {
	width: 1280px;
}
.p_xgxx .p_sgxx_ul li {
	width: 355px;
	float: left;
	margin-right: 70px;
}
.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t {
	height: 60px;
}
.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t span {
	float: right;
	color: #999;
	line-height: 60px;
}
.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t h4 {
	width: 290px;
}
.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t h4 span {
	width: 26px;
	height: 5px;
 background: $ {
yyt.color
}
;
 margin-right: 263px;
}
.p_xgxx .p_sgxx_ul li .p_sgxx_ul_t h4 a {
	font-weight: bold;
	font-size: 16px;
	margin-top: 15px;
	display: block;
	padding-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 290px;
}
.p_xgxx .p_sgxx_ul li:hover .p_sgxx_ul_t h4 a {
	transition: 0.3s;
 color: $ {
yyt.color
}
;
}
.p_xgxx .p_sgxx_ul li p {
	line-height: 30px;
	color: #666;
	height: 85px;
	overflow: hidden;
}
.p_xgxx .p_sgxx_ul li .more a {
	display: block;
	width: 60px;
	height: 30px;
	background: #999;
	text-align: center;
	margin-top: 30px;
	transition: 0.3s;
}
.p_xgxx .p_sgxx_ul li:hover .more a {
	width: 110px;
 background: $ {
yyt.color
}
;
}
/*����ͨ��ҳ��*/



.zizhiListR {
	width: 860px;
	float: right;
	margin-top: 50px;
}
.zizhiListR .zz_r .zz_ul ul {
	width: 900px;
}
.zizhiListR .zz_r .zz_ul li {
	width: 270px;
	height: 245px;
	float: left;
	margin: 0 30px 30px 0;
	overflow: hidden;
	border-bottom: 1px solid #dedede;
	position: relative;
}
.zizhiListR .zz_r .zz_ul li img {
	width: 270px;
	height: 200px;
}
.zizhiListR .zz_r .zz_ul li p {
	background: url("${yytpath}img/jt.png") no-repeat right;
	height: 35px;
}
.zizhiListR .zz_r .zz_ul li p a {
	display: block;
	overflow: hidden;
	text-align: left;
	line-height: 35px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 210px;
}
.zizhiListR .zz_r .zz_ul li p i {
	width: 0px;
	height: 1px;
	z-index: 1;
	display: block;
	position: relative;
	transition: 0.4s;
	top: 39px;
}
.zizhiListR .zz_r .zz_ul li:hover p i {
	width: 100%;
 background: $ {
yyt.color
}
;
}
.zizhiListR .zz_r .zz_ul li:hover p a {
 color: $ {
yyt.color
}
;
}
.zizhiListR .zz_r .zz_ul li span {
	position: absolute;
	width: 100%;
	height: 200px;
	top: -300px;
	background: rgba(0, 0, 0, 0.5);
	transition: 0.5s;
}
.zizhiListR .zz_r .zz_ul li span img {
	width: auto;
	height: auto;
	position: absolute;
	top: 90%;
	left: 50%;
	margin-left: -20px;
	transition: 0.3s;
}
.zizhiListR .zz_r .zz_ul li:hover span img {
	top: 35%;
	transition-delay: 0.2s;
}
.zizhiListR .zz_r .zz_ul li:hover span {
	top: 0;
}
.zizhiListR .zz_r .fenye {
	text-align: center;
}
.zizhiListR .zz_r .fenye li {
	display: inline-block;
	padding: 5px 15px;
	background: #f8f8f8;
	margin: 0 5px;
}
/*�����Ѷ�Ƽ�ͨ��*/



.caseList .zxtj {
	height: 400px;
	border: 10px solid #f8f8f8;
	margin-bottom: 10px;
}
.caseList .zxtj h3 {
	width: 250px;
	margin: auto;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #dedede;
	font-size: 16px;
	padding-top: 10px;
	margin-bottom: 18px;
}
.caseList .zxtj li {
	width: 250px;
	margin: 0 auto 18px;
	height: 65px;
}
.caseList .zxtj li .zxtj_r {
	width: 155px;
	float: right;
}
.caseList .zxtj li .zxtj_r a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom: 5px;
	transition: 0.3s;
}
.caseList .zxtj li:hover .zxtj_r a {
 color: $ {
yyt.color
}
;
}
.caseList .zxtj li img {
	width: 85px;
	height: 65px;
	float: left;
}
.caseList .zxtj li p {
	height: 40px;
	overflow: hidden;
	color: #666;
}
.prorc {
	width: 850px;
	height: auto;
	border: 10px solid #f8f8f8;
	margin-top: 50px;
}
.prorc .proc {
	padding-top: 25px;
}
.prorc .proc .proc_t {
	text-align: center;
	width: 815px;
	margin: auto;
}
.prorc .proc .proc_t h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}
.prorc .proc .proc_t .other {
	line-height: 30px;
	color: #999;
	margin-top: 10px;
	border-bottom: 1px solid #dedede;
}
.prorc .proc .proc_t .other span {
	display: inline-block;
	margin: 0 15px;
}
.xgtjBox {
	padding: 0 20px;
}
.prorc .proc .proc_b {
	padding: 15px;
	width:820px;
	line-height: 2;
}
.prorc .proc .fenxiang {
	height: 30px;
	display: inline-block;
	margin-right: 10px;
}
.prorc .proc .bshare-custom .bshare-share-count {
	background: transparent url(http://static.bshare.cn/frame/images/counter_box_18.gif) no-repeat 0 !important;
}
.proc_b p {
	margin-bottom: 10px;
}
.proc_b img {
	max-width: 820px;
	height: auto;
}
.proc_b div {
	margin-bottom: 10px;
}
.prorc .proc .yemian {
	clear: both;
	margin-top: 60px;
	height: 50px;
	line-height: 50px;
	color: #666;
}
.prorc .proc .yemian li {
	width: 100%
}
.prorc .proc .yemian li:nth-child(1) {
	float: left;
	margin-left: 15px;
}
.prorc .proc .yemian li:nth-child(1) a {
}
.prorc .proc .yemian li:nth-child(2) {
	float: left;
	margin-left: 15px;
}
.prorc .proc .yemian li:nth-child(2) a {
/* float: left; */

/* text-align: right; */
}
.prorc .proc .yemian li a {
	display: inline;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
	transition: 0.3s;
}
.prorc .proc .yemian li:hover a {
 color: $ {
yyt.color
}
;
}
.addpage {
	display: table;
	margin: 50px auto;
}
.addpage span,  .addpage a {
	display: inline-block;
	padding: 5px 15px;
	background: #f8f8f8;
	margin: 0 8px;
	cursor: pointer;
	-webkit-transition: .5s;
	transition: .5s;
}
.addpage span:hover,  .addpage a:hover {
 background: $ {
yyt.color
}
;
 color: #fff;
}
.caseList .p_xgxx {
	margin-top: 0;
}
.caseList .caseListL .caseListLbox1 ul li .prolist {
 background: $ {
yyt.color
}
url(${yytpath}img/casePver.png) no-repeat 95% center;
 color: #fff;
 border-radius: 6px;
 box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.caseList .caseListL .caseListLbox1 ul li a.oneTitle {
	color: #fff;
}
.caseList .caseListL .caseListLbox1 ul li {
	margin-bottom: 10px;
}
.caseList .caseListL .caseListLbox1 ul li i {
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.5);
	z-index: 2;
}
.caseList .caseListL .caseListLbox ul li p {
	line-height: 30px;
	padding: 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px dashed #ddd;
	height: 36px;
	line-height: 36px;
	background: url(${yytpath}img/caseListIco.png) no-repeat 6px center;
}
.caseList .caseListL .caseListLbox ul li p a {
	color: #333;
	display: block;
	width: 220px;
	-webkit-transition: .5s;
	transition: .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.caseList .caseListL .caseListLbox ul li p a:hover {
 -webkit-transform: translateX(5px);
 transform: translateX(5px);
}
.caseList .caseListL .caseListLbox ul li p a.erjifenlei {
	display: block;
 -webkit-transform: translateX(5px);
 transform: translateX(5px);
}
.xgtj {
	width: 850px;
	height: auto;
	border: 10px solid #f8f8f8;
	margin-top: 50px;
}
.xgtj h4 {
	padding: 0 20px;
	line-height: 40px;
	font-weight: bold;
	font-size: 16px;
	color: #333;
}
.xgtjImg>a {
	width: 240px;
	height: 170px;
	border: 10px solid #f8f8f8;
	display: block;
	-webkit-transition: .5s;
	transition: .5s;
	position: relative;
}
.xgtjBox ul li:hover .xgtjImg>a {
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
}
.xgtjBox ul li .xgtjImg p a {
	line-height: 50px;
	width: 240px;
	padding: 0 10px;
	text-align: center;
	display: block;
	-webkit-transition: .5s;
	transition: .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.xgtjBox ul li:hover a {
 color: $ {
yyt.color
}
;
}
.xgtjBox,  .xgtjBox ul li,  .xgtjBox ul li a {
	cursor: url(${yytpath}img/curpo.png), default;
}
.xgtjBox ul li .xgtjImg img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.conactTitle {
	margin-top: 30px;
	font-size: 24px;
	text-align: center;
}
.conactTitle span {
	display: block;
	font-size: 14px;
	color: #999;
	line-height: 26px;
}
.conactL {
	width: 580px;
}
.ly_d1 {
	width: 38px;
	height: 38px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/ly_d1.png) no-repeat 0;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.webq_bd_2 {
	width: 100%;
	height: 38px;
	line-height: 38px;
	border: 0;
	background: none;
	color: #fff;
	box-sizing: border-box;
	padding: 0 10px 0 50px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	display: block;
}
.lqy_jia .webq_bd_2 {
	padding: 0 50px 0 10px;
}
.lqy_jia .ly_d1 {
	left: 201px;
}
.lqy_jia .ly_d2 {
	left: 201px;
}
.lqy_jia .webq_bd_1 {
	padding: 0 50px 0 10px;
}
.lqy_jia .ly_d3 {
	left: 462px;
}
.conactText1 i {
	display: inline-block;
	height: 18px;
	background: url(${yytpath}img/ly_d1.png) no-repeat center left;
	font-size: 14px;
	color: #999;
}
.conactText2 i {
	display: inline-block;
	height: 18px;
	background: url(${yytpath}img/ly_d2.png) no-repeat center left;
	font-size: 14px;
	color: #999;
}
.conactText3 i {
	display: inline-block;
	height: 18px;
	background: url(${yytpath}img/ly_d3.png) no-repeat center left;
	font-size: 14px;
	color: #999;
}
.conactText4 i {
	display: inline-block;
	height: 18px;
	background: url(${yytpath}img/ly_d4.png) no-repeat center left;
	font-size: 14px;
	color: #999;
}
.conactText i {
	width: 48px;
	padding-left: 20px;
	height: 40px;
	line-height: 40px;
}
.conactText {
	background: #f8f8f8;
	padding-left: 20px;
	margin-top: 16px;
}
.conactText input {
	width: 80%;
	display: inline-block;
	background: #f8f8f8;
	height: 40px;
	line-height: 40px;
	color: #999;
}
.conactText4 i {
	display: block;
}
.conactText4 input {
	line-height: 30px;
	width: 96%;
}
.conactL {
	margin-top: 30px;
}
.conactText4 textarea {
	width: 96%;
	height: 80px;
	background: #f8f8f8;
}
.conactBottom {
	width: 100%;
	height: 40px;
	background: #999999;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-top: 16px;
	color: #fff;
	cursor: pointer;
}







::-webkit-input-placeholder {
 color: #666;
}







::-moz-placeholder {
 color: #666;
}







:-ms-input-placeholder {
 color: #666;
}
.conactR {
	width: 480px;
}
.conactR h4 {
	font-weight: bold;
	font-size: 18px;
	margin-top: 70px;
	margin-bottom: 20px;
}
.conactR ul li.conact1 {
	padding-left: 35px;
	background: url(${yytpath}img/conactImg1.png) no-repeat center left;
}
.conactR ul li.conact2 {
	padding-left: 35px;
	background: url(${yytpath}img/conactImg2.png) no-repeat center left;
}
.conactR ul li.conact3 {
	padding-left: 35px;
	background: url(${yytpath}img/conactImg3.png) no-repeat center left;
}
.conactR ul li.conact4 {
	padding-left: 35px;
	background: url(${yytpath}img/conactImg4.png) no-repeat center left;
}
.conactR ul li.conact5 {
	padding-left: 35px;
	background: url(${yytpath}img/conactImg5.png) no-repeat center left;
}
.conactR ul li {
	margin-top: 30px;
	color: #999;
}
.conactConter {
	padding: 50px 0 20px;
	background: #fff;
	line-height: 2;
	font-size: 14px;
}
.conactBox {
	width: 100%;
	height: auto;
}
.newsAddL a {
	padding: 10px 20px;
	display: inline-block;
	margin-right: 10px;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsAddL {
	overflow: hidden;
	margin-top: 30px;
}
.newsAddL a.on,  .newsAddL a:hover {
 background: $ {
yyt.color
}
;
 color: #fff;
}
.newsAddR img {
	vertical-align: sub;
	padding-right: 10px;
}
.newsAddR a {
	color: #666;
}
.newsAddR {
	margin-top: 38px;
	color: #666;
}
.newsAddR a:hover {
 color: $ {
yyt.color
}
;
}
.newsTitle {
	margin-top: 40px;
	display: block;
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.newsTitle h3 {
	float: left;
	font-size: 18px;
	letter-spacing: 0.5px;
}
.newsTitle h3 b {
	font-size: 14px;
	color: #999;
	font-weight: normal;
}
.newsTitle a {
	float: right;
	color: #999;
}
.newsTime span {
	font-size: 50px;
	color: #999;
	display: block;
}
.newsTime i {
	padding-right: 40px;
	color: #999;
}
.newsCenter {
	width: 800px;
	margin-left: 20px;
}
.newsCenter a {
	color: #333;
	font-size: 16px;
	padding-top: 16px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsCenter p {
	font-size: 14px;
	line-height: 24px;
	margin-top: 8px;
}
.newsRight {
	width: 180px;
	height: 120px;
	position: relative;
}
.newsRight img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.newsListBox ul li {
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsListBox ul li:hover {
	padding-left: 20px;
}
.newsListBox ul li:hover a {
 color: $ {
yyt.color
}
;
}
.newsBottom {
	width: 100%;
	height: 500px;
	background: #f8f8f8;
	margin-top: 50px;
	overflow: hidden;
}
.newsBottom ul li {
	width: 270px;
	margin-top: 40px;
}
.newsBottom ul li a.newsBottomImg {
	display: block;
	position: relative;
	width: 270px;
	height: 200px;
	overflow: hidden;
}
.newsBottom ul li a.newsBottomImg img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.newsBottom ul li i {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
	top: -100%;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsBottom ul li .newsBottomText a .newsBottomTextA {
	display: block;
	font-size: 16px;
	text-align: center;
	padding-top: 10px;
	position: absolute;
	top: 10px;
	width: 230px;
	padding: 0 10px;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsBottom ul li .newsBottomText {
	width: 250px;
	padding: 0 10px;
	height: 150px;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsBottom ul li .newsBottomText p {
	font-size: 14px;
	line-height: 1.5;
	position: absolute;
	margin-top: 20px;
	text-align: center;
	height: 42px;
	top: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	width: 250px;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsBottomText {
	position: relative;
}
.newsBottom ul li:hover .newsBottomImg i {
	top: 0;
}
.newsBottom ul li:hover .newsBottomText a.newsBottomTextA {
	position: absolute;
	top: -120px;
	color: #fff;
	width: 250px;
	text-align: center;
}
.newsBottom ul li:hover .newsBottomText {
	background: #7f7f7f;
}
.newsBottom ul li .newsBottomText a.newsBottomTextA {
	width: 250px;
	position: absolute;
	top: 10px;
	text-align: center;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsBottom ul li .newsBottomText a.newsBottomTextA b {
	width: 40px;
	height: 2px;
	display: block;
	margin: 0 auto;
	background: #f8f8f8;
	-webkit-transition: .5s;
	transition: .5s;
	margin-top: 10px;
}
.newsBottom ul li:hover .newsBottomText p {
	color: #fff;
}
.newsBottom ul li:hover .newsBottomText p {
	top: 10px;
}
.newsMore {
	width: 150px;
	height: 30px;
	border: 1px solid #fff;
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 60px;
	top: 90px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	display: none;
}
.newsBottom ul li:hover .newsBottomText .newsMore {
	display: block;
}
.newsBottom ul li {
	float: left;
	margin: 0 15px;
}
.newsBCenter ul li {
	width: 350px;
	position: relative;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsBcenterTop {
	width: 330px;
	height: 60px;
	padding: 10px;
	position: absolute;
	top: 0;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsBcenterTopL {
	font-size: 30px;
	color: #999;
	display: block;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsBcenterTopL i {
	color: #999;
	display: block;
	font-size: 14px;
	line-height: 14px;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsBcenterTopR {
	width: 50px;
	height: 45px;
	background: url(${yytpath}img/newsBcenterTopR.png) no-repeat center;
	margin-top: 8px;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsBcenterButtomLine {
	width: 100%;
	height: 1px;
	background: #ccc;
	position: absolute;
	top: 81px;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsBcenterTopText a {
	display: block;
	font-size: 16px;
	color: #333;
	line-height: 3;
	margin-top: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsBcenterTopText p {
	font-size: 14px;
	color: #999;
	line-height: 1.8;
	height: 50px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-transition: .5s;
	transition: .5s;
}
.newsBcenterTopText {
	position: absolute;
	top: 80px;
	-webkit-transition: .5s;
	transition: .5s;
	width: 100%;
}
.newsBCenter ul li:hover .newsBcenterTop {
 background: $ {
yyt.color
}
;
}
.newsBCenter ul li:hover .newsBcenterTop .newsBcenterTopL {
	color: #fff;
}
.newsBCenter ul li:hover .newsBcenterTop .newsBcenterTopL i {
	color: #fff;
}
.newsBCenter ul li:hover .newsBcenterTop .newsBcenterTopR {
	background: url(${yytpath}img/newsBcenterTopR2.png) no-repeat center;
}
.newsBCenter ul li {
	margin-top: 20px;
	height: 180px;
	float: left;
	margin-right: 75px;
	margin-bottom: 50px;
}
.newsBCenter ul li:nth-child(3) {
	margin-right: 0;
}
.newsBCenter ul li:hover .newsBcenterButtomLine {
	top: 0;
}
.newsBCenter ul li:hover .newsBcenterTop {
	top: 110px;
	;
}
.newsBCenter ul li:hover .newsBcenterTopText a {
	top: 0;
}
.newsBCenter ul li:hover .newsBcenterTopText {
	top: 0;
}
.serviceBox {
	margin-top: 40px;
	position: relative;
	height: 450px;
	overflow: hidden;
}
.serviceTlImg {
	width: 780px;
	height: 450px;
	position: relative;
}
.serviceTlImg img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.serviceTlText {
	position: relative;
	width: 390px;
}
.serviceTlText a.serviceTitle {
	width: 340px;
	padding-right: 40px;
	display: block;
	line-height: 80px;
	font-size: 18px;
	background: url(${yytpath}img/serviceIco1.png) no-repeat center right;
	-webkit-transition: .5s;
	transition: .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.serviceTlText .serviceTlTextd {
	width: 380px;
	height: 230px;
	position: absolute;
	z-index: 2;
	right: 0;
	top: 80px;
	padding: 35px;
	background: #f8f8f8;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}
.serviceTlTextd p {
	line-height: 2;
	font-size: 14px;
	color: #666;
	height: 120px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.serviceTlText .serviceTlTextd a {
	width: 110px;
	height: 30px;
	border: 1px solid #ccc;
	display: block;
	text-align: center;
	color: #666;
	border-radius: 5px;
	margin-top: 20px;
	line-height: 30px;
	-webkit-transition: .5s;
	transition: .5s;
}
.serviceTlText .serviceTlTextd a:hover {
 background: $ {
yyt.color
}
;
 color: #fff;
 border: 1px solid $ {
yyt.color
};
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
}
.newsBottom ul li:hover .newsBottomText a.newsBottomTextA b {
	width: 100px;
}
.serviceBox .hd {
	position: absolute;
	z-index: 9;
	width: 410px;
	right: 0;
	top: 328px;
}
.serviceL {
	width: 90px;
	height: 11px;
	background: url(${yytpath}img/serviceL.png) no-repeat center;
	cursor: pointer;
	float: left;
}
.serviceR {
	width: 90px;
	height: 11px;
	background: url(${yytpath}img/serviceR.png) no-repeat center;
	cursor: pointer;
	float: left;
	margin-left: 20px;
}
.serviceTlText a.serviceTitle:hover {
	-webkit-transform: translateX(-5px);
	transform: translateX(-5px);
 color: $ {
yyt.color
}
;
}
.serviceList {
	margin-top: 40px;
}
.serviceListImg {
	width: 370px;
	height: 270px;
	overflow: hidden;
	display: block;
	position: relative;
}
.serviceList ul li {
	width: 370px;
	height: 330px;
	position: relative;
	overflow: hidden;
	float: left;
	margin-bottom: 50px;
	margin-right: 10px;
}
.serviceList ul li:nth-child(3n) {
	margin-right: 0;
}
.serviceListImg img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: .5s;
	transition: .5s;
}
.gesture {
	width: 100%;
	height: 100%;
	display: block;
	background: url(${yytpath}img/gesture.png) no-repeat center rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -100%;
	left: 0;
	-webkit-transition: .5s;
	transition: .5s;
}
.serviceListText {
	height: 60px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transition: .5s;
	transition: .5s;
	border-bottom: 1px solid #e5e5e5;
}
.serviceListText a {
	padding: 0 20px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	line-height: 60px;
	color: #333;
	-webkit-transition: .5s;
	transition: .5s;
}
.serviceListText p {
	padding: 0 20px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
}
.serviceList ul li:hover .serviceListImg img {
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}
.serviceList ul li:hover .gesture {
	top: 0;
}
.serviceList ul li:hover .serviceListText {
	height: 80px;
	background: #f8f8f8;
}
.serviceList ul li:hover a {
	line-height: 36px;
}
.serviceListText i {
	width: 0;
	height: 4px;
 background: $ {
yyt.color
}
;
 position: absolute;
 bottom: 0;
 left: 0;
 -webkit-transition: .5s;
 transition: .5s;
}
.serviceList ul li:hover .serviceListText i {
	width: 100%;
}
.serviceNews {
	width: 100%;
	height: 540px;
	background: #fbfbfb;
}
.serviceList .addpage {
	margin: 0 auto 70px;
}
.serviceTitle1 {
	padding-top: 50px;
}
.serviceTitle1 i {
	width: 15px;
	height: 3px;
	background: #999;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	float: left;
	margin-top: 9px;
}
.serviceTitle1 h4 {
	font-size: 18px;
	color: #333;
	line-height: 1;
}
.serviceTitle1 span {
	color: #999;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-top: 5px;
	display: block;
}
.serivceNewsBox {
	margin-top: 36px;
}
.serivceNewsBoxL {
	width: 330px;
	height: 370px;
	-webkit-transition: .5s;
	transition: .5s;
	background: #fff;
}
.serivceNewsBoxL>a {
	width: 330px;
	position: relative;
	height: 230px;
	display: block;
	overflow: hidden;
}
.serivceNewsBoxL>a img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.serviceNewsTime {
	width: 125px;
	height: 75px;
	background: url(${yytpath}img/serviceNewsTime.png) no-repeat center rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: .5s;
	transition: .5s;
}
.serviceNewsTime span {
	font-size: 30px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 15px;
	color: #fff;
}
.serviceNewsTime i {
	color: #fff;
	margin-top: 46px;
	float: right;
	margin-right: 14px;
	display: block;
}
.serviceNewsLtext {
	width: 330px;
	height: 140px;
	background: #ffffff;
}
.serviceNewsLtext a {
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 4;
	font-size: 16px;
	-webkit-transition: .5s;
	transition: .5s;
}
.serviceNewsLtext p {
	font-size: 14px;
	line-height: 2;
	color: #666;
	padding: 0 10px;
	height: 56px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.serivceNewsBoxL:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.02);
}
.serivceNewsBoxL:hover a {
 color: $ {
yyt.color
}
;
}
.serivceNewsBoxL:hover .serviceNewsTime {
	background: url(${yytpath}img/serviceNewsTime.png) no-repeat center rgba(14, 126, 230, 0.5);
	left: 205px;
}
.serviceNewsBoxR ul li {
	width: 820px;
	position: relative;
	padding: 20px 0 32px;
	overflow: hidden;
}
.serviceNewsBoxR ul li i {
	position: absolute;
	top: 0px;
	left: 0;
	width: 0px;
	height: 1px;
 background: $ {
yyt.color
}
;
 -webkit-transition: .5s;
 transition: .5s;
}
.serviceNewsBoxR ul li b {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #dedede;
	-webkit-transition: .5s;
	transition: .5s;
}
.seviceNewsBoxImg {
	display: block;
	width: 170px;
	height: 130px;
	position: relative;
}
.serviceNewsBoxR ul li:hover i {
	width: 100%;
}
.seviceNewsBoxImg img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.seviceNewsBoxRtxt {
	width: 406px;
	padding: 0 54px 0 30px;
}
.seviceNewsBoxRtxt a {
	line-height: 4;
	font-size: 16px;
	display: block;
	-webkit-transition: .5s;
	transition: .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.seviceNewsBoxRtxt p {
	font-size: 14px;
	color: #666;
	line-height: 2;
	height: 56px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.serviceNewsBoxR ul li:hover .seviceNewsBoxRtxt a {
 color: $ {
yyt.color
}
;
 -webkit-transform: translateX(5px);
 transform: translateX(5px);
}
.seviceNewsBoxRTime {
	width: 150px;
	height: 130px;
	border-left: 1px solid #dedede;
}
.seviceNewsBoxRTime span {
	font-size: 30px;
	font-weight: 100;
	color: #999;
	display: block;
	text-align: center;
	line-height: 3;
	position: relative;
}
.seviceNewsBoxRTime span i {
	position: absolute;
	top: 0;
	left: 0;
}
.seviceNewsBoxRTime a {
	width: 8px;
	height: 18px;
	overflow: hidden;
	display: block;
	margin-left: 44px;
	animation: proll linear 2s infinite alternate;
}
.seviceNewsBoxRTime a img {
	width: 8px;
	height: 18px;
}
.seviceNewsBoxRTime:hover img {
	border-left: 180px solid transparent;
 -webkit-filter: drop-shadow(-180px 0 0px $ {
yyt.color
}
);
 filter: drop-shadow(-180px 0 0px $ {
yyt.color
}
);
}
.serviceNewsBoxR {
	border-bottom: 1px solid #dedede;
}
.serviceDetailed {
	margin-top: 26px;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	overflow: hidden;
	padding-bottom: 30px;
}
.serviceDetaildedText p {
	font-size: 14px;
	line-height: 2;
	padding: 28px 0;
	text-indent: 2em;
	color: #333;
}
.serviceDetailedBox ul li {
	float: left;
	margin-top: 30px;
	width: 240px;
	padding: 0 80px;
}
.serviceDetailedBox ul li:nth-child(2) {
	width: 238px;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}
.serviceDetailedBox ul li i {
	width: 72px;
	height: 72px;
}
.serviceDetailedBox ul li i img {
	display: block;
	margin: 0 auto;
}
.serviceDetailedBox ul li h5 {
	font-size: 20px;
	text-align: center;
	margin-top: 24px;
}
.serviceDetailedBox ul li p {
	font-size: 14px;
	text-align: center;
	margin-top: 5px;
	color: #666;
	line-height: 2
}
.serviceMessagTitle h3 {
	font-size: 20px;
	text-align: center;
	padding-top: 52px;
}
.serviceMessagTitle p {
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
	color: #666;
	line-height: 2;
}
.serviceMessageBox {
	width: 1036px;
	margin: 0 auto
}
.serviceMessageBox input {
	padding-left: 30px;
	width: 302px;
	line-height: 2.5;
	border-bottom: 1px solid #dedede;
	margin-right: 20px;
	float: left;
	color: #999;
}
.serviceMessageBox input:nth-child(3) {
	margin-right: 0;
}
.MessageBox1 {
	background: url(${yytpath}img/MessageBox1.png) no-repeat center left;
}
.MessageBox2 {
	background: url(${yytpath}img/MessageBox2.png) no-repeat center left;
}
.MessageBox3 {
	background: url(${yytpath}img/MessageBox3.png) no-repeat center left;
}
.serviceMessageBox textarea {
	background: url(${yytpath}img/MessageBox4.png) no-repeat center left;
	padding-left: 30px;
	width: 1006px;
	line-height: 34px;
	border-bottom: 1px solid #dedede;
	height: 34px;
	color: #999;
	display: block;
	overflow: hidden;
	margin-top: 20px;
}
.serviceMessageBox input.messageBox4 {
	cursor: pointer;
	width: 140px;
	height: 36px;
	border: 1px solid #dedede;
	float: none;
	padding-left: 0;
	background: #fff;
	margin: 30px auto 0;
	display: block;
	color: #333;
	-webkit-transition: .5s;
	transition: .5s;
	position: relative;
}
.serviceMessageBox input.messageBox4::before {
	width: 140px;
	height: 36px;
 background: $ {
yyt.color
}
;
}
.serviceMessageBox input.messageBox4:hover {
 background: $ {
yyt.color
}
;
 color: #fff;
 border: 1px solid $ {
yyt.color
};
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
 box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}
.servoceMap {
	width: 1036px;
	height: 570px;
	margin: 54px auto 0;
}
.teamImg {
	display: block;
	width: 380px;
	height: 280px;
	position: relative;
}
.teamImg img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.team ul li {
	float: left;
	margin-top: 40px;
	border: 1px solid #dedede;
	margin-right: 27px;
	-webkit-transition: .5s;
	transition: .5s;
}
.team ul li:nth-child(3n) {
	margin-right: 0;
}
.team ul li .teamText {
	width: 340px;
	margin: 0 auto;
	-webkit-transition: .5s;
	transition: .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}
.team ul li .teamText .TeamMore {
	font-size: 16px;
	line-height: 3;
	display: block;
	border-bottom: 1px dashed #dedede;
	-webkit-transition: .5s;
	transition: .5s;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}
.TeamMd {
	width: 0;
	height: 13px;
	background: url(${yytpath}img/TeamMd.png) no-repeat center;
	padding-right: 11px;
	display: block;
	overflow: hidden;
	margin: 18px 0;
	text-indent: 20px;
	-webkit-transition: .5s;
	transition: .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1;
	color: #666;
}
.team ul li:hover {
	-webkit-transform: translateY(-25px);
	transform: translateY(-25px);
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
 border: 1px solid $ {
yyt.color
}
;
}
.team ul li .teamImg img {
	-webkit-transition: .5s;
	transition: .5s;
}
.team ul li:hover .teamImg img {
	padding: 1%;
	max-width: 98%;
	max-height: 98%;
}
.team ul li:hover .teamText .TeamMore {
 color: $ {
yyt.color
}
;
}
.team ul li:hover .TeamMd {
	width: 40%;
	text-indent: 0;
}
 @keyframes proll {
 0% {
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
}
 25% {
 -webkit-transform: translateX(-5px);
 transform: translateX(-5px);
}
 50% {
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
}
 75% {
 -webkit-transform: translateX(5px);
 transform: translateX(5px);
}
 100% {
 -webkit-transform: translateX(0px);
 transform: translateX(0px);
}
}
.more img {
	width: 30px;
	height: 5px;
	display: block;
	margin: 0px auto;
	padding: 12px 0;
}
.danye {
	margin-bottom: 50px;
}
.caseListL {
	margin-bottom: 50px;
}
.prodcts {
	margin-bottom: 50px;
}
.p_xgxx {
	margin-top: 0;
}
.a_tuijian {
	margin-bottom: 50px;
}
.newsBCenter {
	margin-bottom: 30px;
}
.wjdh-map {
	margin-bottom: 0px;
}
.wjdh-map #wmap {
	border: 10px solid #e8e8e8;
	padding: 0 20px;
}
.driving-way .hd {
	height: 50px;
}
.caseList .caseListL .caseListLbox ul li.product1 a.oneTitle::before {
	color: #fff;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.caseList .caseListL .caseListLbox ul li.product1 i {
	top: 0;
}
.j_form {
	position: relative;
}
.j_form label {
	width: 320px;
	float: left;
	border: 1px solid #eee;
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 0 0 12px 0;
	font-size: 12px;
	color: #bebebe;
	padding-left: 120px;
}
.j_form .label .h_x {
	left: 395px;
	top: -8px;
	position: absolute;
}
.j_form input[type="text"] {
	height: 40px;
	color: #676767;
	width: 290px;
	border: none;
	background: #fff;
	border-radius: 0px;
	display: block;
	padding: 0 15px;
	line-height: 40px;
	font-size: 12px;
}
.j_form input[type="text"]:focus {
}
.j_form label strong {
	font-weight: normal;
	display: block;
	background: #eee;
	color: #5e5f61;
	height: 40px;
	line-height: 40px;
	position: absolute;
	width: 120px;
	left: 0px;
	top: 0;
	font-size: 14px;
	text-align: center;
}
.j_form .textarea_box {
	width: 798px;
	height: 163px;
}
.j_form .textarea_box strong {
	height: 163px;
}
.j_form textarea {
	height: 150px;
	resize: none;
	color: #66656b;
	width: 538px;
	padding-right: 10px;
	background: none;
	border: none;
	line-height: 24px;
	font-size: 12px;
	padding: 6px 15px;
}
.j_form textarea:focus {
}
.yzm_box {
	position: relative;
	border: 1px solid #fff !important;
}
.yzm_box strong {
	height: 42px !important;
	line-height: 42px !important;
}
.yzm_box input[type="text"] {
	border: 1px solid #eee;
	font-size: 14px;
	height: 40px;
	color: #666;
	width: 182px !important;
	line-height: 40px;
}
.yzm {
	position: absolute;
	right: 0px;
	height: 40px;
	top: 0px;
	border: 1px solid #eee;
}
.yzm a {
	position: absolute;
	color: #adada6;
	right: -90px;
	height: 40px;
	line-height: 40px;
	width: 80px;
	top: 0;
}
.yzm_box input[type="submit"] {
}
.j_form input[type="submit"] {
	width: 120px;
	margin-top: 20px;
	display: block;
	cursor: pointer;
	height: 40px;
background:$ {
yyt.color
}
;
border-radius:0px;
overflow:hidden;
color:#fff;
font-size:14px;
line-height:38px;
border:none;
text-align:center;
}
.j_form input[type="submit"]:hover {
	background: #1c4d96;
}
.w-1200 {
	width: 1200px;
	margin: auto;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right!important;
}
/*分页*/



.addpage {
	margin: 10px auto 40px;
	text-align: center;
}
.addpage span {
	display: inline-block;
	margin: 0 3px;
	border: 1px solid #e5e5e5;
	line-height: 30px;
	cursor: pointer;
	text-align: center;
	padding: 0 10px;
	color: #464646;
}
.addpage a {
	display: inline-block;
	margin: 0 3px;
	border: 1px solid #e5e5e5;
	line-height: 30px;
	cursor: pointer;
	text-align: center;
	padding: 0 10px;
	color: #464646;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

table {
	margin: auto;
}


#preview{width: 600px; margin:0 auto;}

#spec-n1{width:600px;float:left; margin-top:10px;padding:2px; border:1px solid #ccc; overflow:hidden;}
#spec-n1 img { float:left;text-align:left; width:600px; height:450px;}
.list-h{ width:600px;float:right;}
.list-h li{ float:left;}
#spec-n5{  width:600px;  float:right; margin-top:10px; float:right;}
#spec-list{float:right; }
#spec-list ul{width:600px;float:left;}
#spec-list ul li img{ padding:2px; border:1px solid #ccc; width:114px;  display:inline; height:82px;}
.proc_b{ overflow:hidden; font-size:16px; line-height:27px;}
.proc_b img{ display:block; max-width:100%; margin-left:auto; margin-right:auto;}
.proc_b table{ width:100% !important; word-wrap: break-word; word-break: break-all;}
.proc_b td{ border:1px solid #ddd;}